<div class="mainBodyContainer">
    <div class="carouselBox">
        <div id="wrapper">
            <div id="carousel-large">
                <img src="homePage/mainBody/images/d1-l.png" width="860" height="300" border="0"/>
                <img src="homePage/mainBody/images/d2-l.png" width="860" height="300" border="0"/>
                <img src="homePage/mainBody/images/d3-l.png" width="860" height="300" border="0"/>
                <img src="homePage/mainBody/images/d4-l.png" width="860" height="300" border="0"/>
                <img src="homePage/mainBody/images/d5-l.png" width="860" height="300" border="0"/>
                <img src="homePage/mainBody/images/d6-l.png" width="860" height="300" border="0"/>
            </div>
            <img class="slicer" src="homePage/mainBody/images/slicer-title.png" width="198" height="400" border="0"/>
            <div id="carousel-small">
                <img src="homePage/mainBody/images/d1-s.png" width="520" height="220" border="0"/>
                <img src="homePage/mainBody/images/d2-s.png" width="520" height="220" border="0"/>
                <img src="homePage/mainBody/images/d3-s.png" width="520" height="220" border="0"/>
                <img src="homePage/mainBody/images/d4-s.png" width="520" height="220" border="0"/>
                <img src="homePage/mainBody/images/d5-s.png" width="520" height="220" border="0"/>
                <img src="homePage/mainBody/images/d6-s.png" width="520" height="220" border="0"/>
            </div>
            <div id="carousel-title">
                <div class="title">
                    <p>Black truck</p>
                    <button class="readMoreBtn">查看更多</button>
                </div>
                <div class="title">
                    <p>Dusty black truck</p>
                    <button class="readMoreBtn">查看更多</button>
                </div>
                <div class="title">
                    <p>White/yellow truck</p>
                    <button class="readMoreBtn">查看更多</button>
                </div>
                <div class="title">
                    <p>White/red truck</p>
                    <button class="readMoreBtn">查看更多</button>
                </div>
                <div class="title">
                    <p>Orange truck</p>
                    <button class="readMoreBtn">查看更多</button>
                </div>
                <div class="title">
                    <p>Green truck</p>
                    <button class="readMoreBtn">查看更多</button>
                </div>
            </div>
            <div id="navi"></div>
            <img class="slicer" src="homePage/mainBody/images/slicer.png" width="208" height="400" border="0"/>
        </div>
    </div>
    <div class="mainProBox">
        <h2 class="productH">精英产品区</h2>
        <div class="productsBox">
            <ks-swiper-container
                    loop="true"
                    show-nav-buttons="true"
                    slides-per-view="4"
                    space-between="50"
                    pagination-clickable="false"
                    autoplay="3000"
            >
                <ks-swiper-slide ng-repeat="s in [1,2,3,4,5]">
                    <div class="swiper-slide-container">
                        <img ng-src="http://api.randomuser.me/portraits/thumb/women/{{s}}.jpg">
                        <div class="readMore">
                            <button class="f16">阅读更多 <span class="glyphicon glyphicon-list-alt"></span></button>
                        </div>
                        <p>csd</p>
                    </div>
                </ks-swiper-slide>
            </ks-swiper-container>
        </div>
    </div>
    <div class="newsBox">
        <h2 class="newsH">活动与资讯</h2>
        <div class="newsContentBox clearF">
            <div class="newsImgBox fl">
                <img src="homePage/mainBody/images/thinkTank_item1.png" alt="">
                <div class="newsType">活动</div>
            </div>
            <div class="newsTextBox fl">
                <div class="newsTypel">类型</div>
                <div class="newsTitle">标题</div>
                <div class="newsDisc">描述</div>
                <div class="readMore">
                    <button>查看更多</button>
                </div>
            </div>
        </div>
        <ks-swiper-container
                loop="true"
                show-nav-buttons="true"
                slides-per-view="3"
                space-between="0"
                pagination-clickable="false"
                autoplay="5000"
        >
        <ks-swiper-slide ng-repeat="s in [1,2,3,4,5]">
            <div class="swiper-slide-container">
                <img ng-src="http://api.randomuser.me/portraits/thumb/women/{{s}}.jpg">
            </div>
        </ks-swiper-slide>
        </ks-swiper-container>
    </div>
</div>
